// JavaScript Document
//自定义下拉列表
$(document).ready(function(){
	
  $("#houseType").click(function(){
    $("#houseTypeId").show();
	$("#houseStyleId,#houseLevelId").hide();
  });
  $("#houseTypeId").mouseleave(function(){
    $("#houseTypeId").hide();
  });
///
  $("#houseStyle").click(function(){
    $("#houseStyleId").show();
	$("#houseTypeId,#houseLevelId").hide();
  });
  $("#houseStyleId").mouseleave(function(){
    $("#houseStyleId").hide();
  });
///
  $("#houseLevel").click(function(){
    $("#houseLevelId").show();
	$("#houseStyleId,#houseTypeId").hide();
  });
  $("#houseLevelId").mouseleave(function(){
    $("#houseLevelId").hide();
  });
  $("#province").click(function(){
    $("#provinceId").show();
  });
  $("#provinceId").mouseleave(function(){
    $("#provinceId").hide();
  });
  
///装修设计切换
  $("#tab1").click(function(){
	$("#tab2").css({'background':'#f7f7f7','border-bottom':'none'});
    $("#tab1").css({'background':'#fff','border-bottom':'#dd4f50 2px solid'});
	$("#tab2Main").hide();
    $("#tab1Main").show();
  });
  $("#tab2").click(function(){
	$("#tab1").css({'background':'#f7f7f7','border-bottom':'none'});
    $("#tab2").css({'background':'#fff','border-bottom':'#dd4f50 2px solid'});
	$("#tab1Main").hide();
    $("#tab2Main").show();
  });
//装修流程鼠标效果
  $("#icon1").mousemove(function(){
	$("#icon1").hide();
    $("#icon11").show();
  });
  $("#icon11").mouseout(function(){
	$("#icon11").hide();
    $("#icon1").show();
  });
 // 
  $("#icon2").mousemove(function(){
	$("#icon2").hide();
    $("#icon22").show();
  });
  $("#icon22").mouseout(function(){
	$("#icon22").hide();
    $("#icon2").show();
  });
  //
  $("#icon3").mousemove(function(){
	$("#icon3").hide();
    $("#icon33").show();
  });
  $("#icon33").mouseout(function(){
	$("#icon33").hide();
    $("#icon3").show();
  });
  //
  $("#icon4").mousemove(function(){
	$("#icon4").hide();
    $("#icon44").show();
  });
  $("#icon44").mouseout(function(){
	$("#icon44").hide();
    $("#icon4").show();
  });
  //
  $("#icon5").mousemove(function(){
	$("#icon5").hide();
    $("#icon55").show();
  });
  $("#icon55").mouseout(function(){
	$("#icon55").hide();
    $("#icon5").show();
  });
  //
  $("#icon6").mousemove(function(){
	$("#icon6").hide();
    $("#icon66").show();
  });
  $("#icon66").mouseout(function(){
	$("#icon66").hide();
    $("#icon6").show();
  });
  //
  $("#icon7").mousemove(function(){
	$("#icon7").hide();
    $("#icon77").show();
  });
  $("#icon77").mouseout(function(){
	$("#icon77").hide();
    $("#icon7").show();
  });
  //
  $("#icon8").mousemove(function(){
	$("#icon8").hide();
    $("#icon88").show();
  });
  $("#icon88").mouseout(function(){
	$("#icon88").hide();
    $("#icon8").show();
  });
  //
  $("#icon9").mousemove(function(){
	$("#icon9").hide();
    $("#icon99").show();
  });
  $("#icon99").mouseout(function(){
	$("#icon99").hide();
    $("#icon9").show();
  });
  //装修订单效果
  $("#tr1").mousemove(function(){
	$("#tr1").css('background','#F9F9F9');
    $("#invited1").css({'background':'#FE7718','color':'#fff','border':'none'});
  });
  $("#tr1").mouseout(function(){
	$("#tr1").css('background','#fff');
    $("#invited1").css({'background':'#fff','color':'#555555','border':'#555555 thin solid'});
  });
  $("#tr2").mousemove(function(){
	$("#tr2").css('background','#F9F9F9');
    $("#invited2").css({'background':'#FE7718','color':'#fff','border':'none'});
  });
  $("#tr2").mouseout(function(){
	$("#tr2").css('background','#fff');
    $("#invited2").css({'background':'#fff','color':'#555555','border':'#555555 thin solid'});
  });
  $("#tr3").mousemove(function(){
	$("#tr3").css('background','#F9F9F9');
    $("#invited3").css({'background':'#FE7718','color':'#fff','border':'none'});
  });
  $("#tr3").mouseout(function(){
	$("#tr3").css('background','#fff');
    $("#invited3").css({'background':'#fff','color':'#555555','border':'#555555 thin solid'});
  });
    $("#tr4").mousemove(function(){
	$("#tr4").css('background','#F9F9F9');
    $("#invited4").css({'background':'#FE7718','color':'#fff','border':'none'});
  });
  $("#tr4").mouseout(function(){
	$("#tr4").css('background','#fff');
    $("#invited4").css({'background':'#fff','color':'#555555','border':'#555555 thin solid'});
  });
  $("#tr5").mousemove(function(){
	$("#tr5").css('background','#F9F9F9');
    $("#invited5").css({'background':'#FE7718','color':'#fff','border':'none'});
  });
  $("#tr5").mouseout(function(){
	$("#tr5").css('background','#fff');
    $("#invited5").css({'background':'#fff','color':'#555555','border':'#555555 thin solid'});
  });
  $("#tr6").mousemove(function(){
	$("#tr6").css('background','#F9F9F9');
    $("#invited6").css({'background':'#FE7718','color':'#fff','border':'none'});
  });
  $("#tr6").mouseout(function(){
	$("#tr6").css('background','#fff');
    $("#invited6").css({'background':'#fff','color':'#555555','border':'#555555 thin solid'});
  });
  $("#tr7").mousemove(function(){
	$("#tr7").css('background','#F9F9F9');
    $("#invited7").css({'background':'#FE7718','color':'#fff','border':'none'});
  });
  $("#tr7").mouseout(function(){
	$("#tr7").css('background','#fff');
    $("#invited7").css({'background':'#fff','color':'#555555','border':'#555555 thin solid'});
  });
  $("#tr8").mousemove(function(){
	$("#tr8").css('background','#F9F9F9');
    $("#invited8").css({'background':'#FE7718','color':'#fff','border':'none'});
  });
  $("#tr8").mouseout(function(){
	$("#tr8").css('background','#fff');
    $("#invited8").css({'background':'#fff','color':'#555555','border':'#555555 thin solid'});
  });
//热门案例类型切换效果
 $("#hct1").click(function(){
	$("#hct1").css({'background':'#f0f0f0','border-bottom':'2px solid #FE7718'});
	$("#hct2,#hct3,#hct4,#hct5").css({'border-bottom':'none','background':'#fff'});
    $("#hct11").show();
	$("#hct22,#hct33,#hct44,#hct55").hide();
  });
  $("#hct2").click(function(){
    $("#hct2").css({'background':'#f0f0f0','border-bottom':'2px solid #FE7718'});
	$("#hct1,#hct3,#hct4,#hct5").css({'border-bottom':'none','background':'#fff'});
    $("#hct22").show();
	$("#hct11,#hct33,#hct44,#hct55").hide();
  });
  $("#hct3").click(function(){
    $("#hct3").css({'background':'#f0f0f0','border-bottom':'2px solid #FE7718'});
	$("#hct2,#hct1,#hct4,#hct5").css({'border-bottom':'none','background':'#fff'});
    $("#hct33").show();
	$("#hct22,#hct11,#hct44,#hct55").hide();
  });
  $("#hct4").click(function(){
    $("#hct4").css({'background':'#f0f0f0','border-bottom':'2px solid #FE7718'});
	$("#hct2,#hct3,#hct1,#hct5").css({'border-bottom':'none','background':'#fff'});
    $("#hct44").show();
	$("#hct22,#hct33,#hct11,#hct55").hide();
  });
  $("#hct5").click(function(){
    $("#hct5").css({'background':'#f0f0f0','border-bottom':'2px solid #FE7718'});
	$("#hct2,#hct3,#hct1,#hct4").css({'border-bottom':'none','background':'#fff'});
    $("#hct55").show();
	$("#hct22,#hct33,#hct11,#hct44").hide();
  });
  var timeId=setInterval("onload()",7000);
//按钮图片轮播效果
  $("#button1").click(function(){
	  clearInterval(timeId);
	  if(time==2)
	  {
		 $("#img1,#img2,#img3").animate({left:'+=600px'},1500);
		 $("#button1").css('background','#FE7718');
		 $("#button2,#button3").css('background','#fff');
	  }
	  else if(time==3)
	  {
		 $("#img1,#img2,#img3").animate({left:'+=1200px'},1500);
		 $("#button1").css('background','#FE7718');
		 $("#button2,#button3").css('background','#fff');
	  }
	  time=1;
  });
   $("#button2").click(function(){
	  clearInterval(timeId);
	  if(time==1)
	  {
		 $("#img1,#img2,#img3").animate({left:'-=600px'},1500);
		 $("#button2").css('background','#FE7718');
		 $("#button1,#button3").css('background','#fff');
	  }
	  else if(time==3)
	  {
		 $("#img1,#img2,#img3").animate({left:'+=600px'},1500);
		 $("#button2").css('background','#FE7718');
		 $("#button1,#button3").css('background','#fff');
	  }
	  time=2;
  });
  $("#button3").click(function(){
	  clearInterval(timeId);
	  if(time==1)
	  {
		 $("#img1,#img2,#img3").animate({left:'-=1200px'},1500);
		 $("#button3").css('background','#FE7718');
		 $("#button1,#button2").css('background','#fff');
	  }
	  else if(time==2)
	  {
		 $("#img1,#img2,#img3").animate({left:'-=600px'},1500);
		 $("#button3").css('background','#FE7718');
		 $("#button1,#button2").css('background','#fff');
	  }
	  time=3;
  });
//左右按钮图片切换效果之显示
    $("#img1,#img2,#img3,#leftButtonBox,#rightButtonBox").mousemove(function(){
	  clearInterval(timeId);
	  $("#leftButton,#rightButton").show();
   });
   $("#img1,#img2,#img3").mouseleave(function(){
	  $("#leftButton,#rightButton").hide();
	   timeId=setInterval("onload()",7000);
   });
//左右按钮点击效果
    $("#leftButton").click(function(){
		if(time==1)
		{
			$("#img1,#img2,#img3").animate({left:'-=1200px'},1500);
			$("#button3").css('background','#FE7718');
		    $("#button1,#button2").css('background','#fff');
			time=3;
		}
		else if(time==2)
		{
			$("#img1,#img2,#img3").animate({left:'+=600px'},1500);
			$("#button1").css('background','#FE7718');
		    $("#button2,#button3").css('background','#fff');
			time=1;
		}
		else if(time==3)
		{
		   $("#img1,#img2,#img3").animate({left:'+=600px'},1500);
		   $("#button2").css('background','#FE7718');
		   $("#button1,#button3").css('background','#fff');
		   time=2;
		}
	});
	$("#rightButton").click(function(){
		if(time==1)
		{
			$("#img1,#img2,#img3").animate({left:'-=600px'},1500);
			$("#button2").css('background','#FE7718');
		    $("#button1,#button3").css('background','#fff');
			time=2;
		}
		else if(time==2)
		{
			$("#img1,#img2,#img3").animate({left:'-=600px'},1500);
			$("#button3").css('background','#FE7718');
		    $("#button1,#button2").css('background','#fff');
			time=3;
		}
		else if(time==3)
		{
		   $("#img1,#img2,#img3").animate({left:'+=1200px'},1500);
		   $("#button1").css('background','#FE7718');
		   $("#button2,#button3").css('background','#fff');
		   time=1;
		}
	});
});
//图片轮播
var time=1;
function onload()
{
	if(time==3)
	{
		time=1;
		$("#img1,#img2,#img3").animate({left:'+=1200px'},1500);
	    $("#button1").css('background','#FE7718');
		$("#button2,#button3").css('background','#fff');
	}
	else
	{
 	   $("#img1,#img2,#img3").animate({left:'-=600px'},1500);
	   time++;
	   if(time==2)
	   {
		 $("#button2").css('background','#FE7718');
		 $("#button1,#button3").css('background','#fff');
	   }
	   else if(time==3)
	   {
		 $("#button3").css('background','#FE7718');
		 $("#button2,#button1").css('background','#fff');
	   }
	}
}
function listMove(e)
{
	var id;
	id = '#'+e;
	$(id).css('background','#DCDCDC');
}
function listOut(e)
{
	var id; 
	id = '#'+e;
	$(id).css('background','#fff');
}
function listClick(e)
{
	var id,parentId,value,ulId;
	id = e;
	ulId='#'+(id.replace(/\d+/g,''));
	parentId=trimNumber(id);
	value = document.getElementById(id).innerHTML;
	document.getElementById(parentId).value=value;
	$(ulId).hide();
}
//去掉字符串的数字
function trimNumber(str){ 
    str=str.replace(/\d+/g,''); 
	return str.replace("Id",""); 
} 
/*获取事件id
$(document).mousemove(function(e){
	  var id = $(e.target).attr("id");
	  alert(id);
  });
*/